<!DOCTYPE html>

<head>
	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/style.css">
</head>
<body>
	<div id="page">
		<div id="header">
			<a href="index.html" id="logo"><img src="{{ STATIC_URL }}images/hi_opt.png" alt="Logo"></a>
					</div>
		<div id="body">
			<div class="header">
				<div>
					<a href="index.html"><img src="{{ STATIC_URL }}images/mainpic.jpg" alt="Image" width="900 px" height="431 px"></a>
		</div>
				<h2>sign in</h2>
                 <form action="/accounts/auth/" method="post"> {% csrf_token %}
                         <label for="username">User name:</label>
                         <input type="text" name="username" value="" id="username"></br>
                         <label for="password">Password:</label>
                         <input type="password" name="password" value="" id="password"></br>
                         <input type="submit" value="login" />
                 </form>


			
				
				
			</div>
			
		
				
			</div>
		</div>
		<div id="footer">
			<div>
				
					<h1>Connect</h1>
					
					<a href="https://www.facebook.com/bookingcom?ref=br_tf" target="_blank" id="facebook">Facebook</a>
					<a href="https://twitter.com/bookingcom target="_blank" id="twitter">Twitter</a>
					<a href="https://plus.google.com/+Bookingcom" target="_blank" id="googleplus">Google&#43;</a>
				</div>
			</div>
			
		</div>
	</div>
</body>
</html>
